<div class="testimonials-container">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 testimonials-title wow fadeIn">
			    <h2>强烈推荐</h2>
			</div>
	    </div>
	    <div class="row">
			<div class="col-sm-10 col-sm-offset-1 testimonial-list">
	        	<div role="tabpanel">
	        		<!-- Tab panes -->
	        		<div class="tab-content">
	        			<#list getRecommendList(siteId,'0','') as recomContents>
	        				<div role="tabpanel" class="tab-pane fade ${(recomContents_index == 0 )?then ('in active','')}" id="tab${recomContents_index}">
		         				<div class="testimonial-image">
		         					<a href="${ctxFrt}/${siteId}/view-${recomContents.column.id}-${recomContents.id}${urlSuffix}" target="_blank">
		          					<img src="${recomContents.recomImage}" data-at2x="${recomContents.recomImage}"
		          						 alt="${recomContents.title}" title="${recomContents.title}">
		         					</a>
		         				</div>
		         				<div class="testimonial-text">
		                          	<p>${recomContents.description}</p>
		                         </div>
	        				</div>
	        			</#list>
	        		</div>
	        		<!-- Nav tabs -->
	        		<ul class="nav nav-tabs" role="tablist">
	        			<#list getRecommendList(siteId,'0','') as recomContents>
	        				<li role="presentation" class="${(recomContents_index == 0) ?then('active','')}">
	         					<a href="#tab${recomContents_index}" aria-controls="tab${recomContents_index}" role="tab" data-toggle="tab"></a>
	         				</li>
	        			</#list>
	        		</ul>
	        	</div>
	        </div>
	    </div>
	</div>
</div>
